<template>
  <div>
    <p>{{demo}}</p>
    <p class="content">{{content}}</p>
    <el-button type="primary" @click="onClick">开始</el-button>
  </div>
</template>
<script>
export default {
  name: 'comDemo',
  // 传值进来
  props: {
    content: String
  },
  data () {
    return {
      demo: '设置好props和slot，每个人单独写组件，使用elementui，环境已配置好了'
    }
  },
  // 方法写在这边
  methods: {
    // 点击按钮，要求每个方法做好注释
    onClick () {
      this.$notify({
        title: '通知测试',
        type: 'success',
        message: '消息内容',
        duration: 5000
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
.content
  color red
  font-size x-large
</style>